<template>
  <svg
    :width="size"
    :height="size"
    viewBox="0 0 30 30"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    :style="style"
  >
    <path
      id="Vector"
      d="M22.56 0C23.52 0 24.445 0.190678 25.335 0.572034C26.225 0.95339 27.015 1.47775 27.705 2.14513C28.395 2.8125 28.95 3.5911 29.37 4.48093C29.79 5.37076 30 6.32415 30 7.3411V12.0445H26.37V8.23093C26.37 6.89619 26.015 5.85805 25.305 5.11653C24.595 4.375 23.64 4.00424 22.44 4.00424C21.36 4.00424 20.49 4.375 19.83 5.11653C19.17 5.85805 18.84 6.89619 18.84 8.23093V12.1081H15.06V7.3411C15.06 6.32415 15.25 5.37076 15.63 4.48093C16.01 3.5911 16.535 2.8125 17.205 2.14513C17.875 1.47775 18.665 0.95339 19.575 0.572034C20.485 0.190678 21.48 2.08347e-08 22.56 0ZM22.5 21.6737V24.4068V25.9004C22.5 26.4725 22.405 27.0127 22.215 27.5212C22.025 28.0297 21.765 28.464 21.435 28.8242C21.105 29.1843 20.715 29.4703 20.265 29.6822C19.815 29.8941 19.32 30 18.78 30H3.6C3.06 30 2.57 29.8994 2.13 29.6981C1.69 29.4968 1.31 29.2214 0.99 28.8718C0.67 28.5222 0.425 28.1144 0.255 27.6483C0.085 27.1822 -1.9668e-08 26.6843 0 26.1547V16.0487C0 15.4555 0.195 14.9576 0.585 14.5551C0.975 14.1525 1.43 13.9513 1.95 13.9513H20.52C21.08 13.9513 21.55 14.1525 21.93 14.5551C22.31 14.9576 22.5 15.4555 22.5 16.0487V21.6737Z"
      fill="currentColor"
    />
  </svg>
</template>

<script>
export default {
  name: 'UnlockedIcon',
  props: {
    size: {
      type: [Number, String],
      default: 22
    },
    style: {
      type: Object,
      default: () => ({})
    }
  }
};
</script> 